<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题文档</title>
<%@ include file="/common/meta.jsp"%>
</head>

<body>

	<div class="place">
		<span>位置：</span>
		<ul class="placeul">
			<li><a href="/ms">首页</a></li>
			<li><a href="#">文书列表</a></li>
		</ul>
	</div>
	<div class="rightinfo">
		
			<form id="searchForm" class="form-horizontal">
				<div class="row">
					<div class="control-group span8">
						<label class="control-label">题名</label>
						<div class="controls">
							<input type="text" name="docModel.name" />
						</div>
					</div>
					<div class="control-group span8">
						<label class="control-label">归档年份</label>
						<div class="controls">
							<select name="docModel.arch_date">
								<option value="">请选择</option>
								<c:forEach items="${years}" var="year">
									<option value="${year.arch_date}">${year.arch_date }</option>
								</c:forEach>
							</select>
						</div>
					</div>
					<div class="control-group span8">
						<label class="control-label">责任人</label>
						<div class="controls">
							<select name="docModel.author">
								<option value="">请选择</option>
								<c:forEach items="${authors}" var="author">
									<option value="${author.author}">${author.author}</option>
								</c:forEach>
							</select>
						</div>
					</div>
					<div class="control-group span8">
						<label class="control-label">&nbsp;</label>
						<div class="controls">
							<input name="btnSrearch" type="button" class="scbtn" value="查询"
								onclick="searchDoc()" />
						</div>
					</div>
				</div>

			</form>
		</div>

	<div class="tools">
		<ul class="toolbar">
			<li><a href="/ms/doc/add"><span><img
						src="${ctx}/styles/images/t01.png" /></span>添加</a></li>
			<li><a href="javascript:void(0)" id="btnDel"><span><img
						src="${ctx}/styles/images/t03.png" /></span>删除</a></li>
			<li><a href="#"><span><img
						src="${ctx}/styles/images/t04.png" /></span>统计</a></li>
		</ul>

	</div>

	<div id="grid"></div>

	<script type="text/javascript">
		BUI
				.use(
						[ 'bui/grid', 'bui/data' ],
						function(Grid, Data) {

							columns = [
									{
										title : '编号',
										dataIndex : 'id',
										width : '5%'
									},
									{
										title : '档号',
										dataIndex : 'doc_no',
										width : '10%'
									},
									{
										title : '文号',
										dataIndex : 'ref_no',
										width : '13%'
									},
									{
										title : '责任人',
										dataIndex : 'author',
										width : '6%'
									},
									{
										title : '题名',
										dataIndex : 'name',
										width : '23%'
									},
									{
										title : '发文日期',
										dataIndex : 'dispatch_date',
										width : '8%'
									},
									{
										title : '页数',
										dataIndex : 'pages',
										width : '4%'
									},
									{
										title : '保管期限',
										dataIndex : 'retent_period',
										width : '7%'
									},
									{
										title : '位置',
										dataIndex : 'place',
										width : '6%'
									},
									{
										title : '归档年份',
										dataIndex : 'arch_date',
										width : '7%'
									},
									{
										title : '操作',
										dataIndex : 'd',
										width : '8%',
										renderer : function(value, obj) {
											return '<span class="grid-command edit">编辑</span><span class="grid-command delete">删除</span>';
										}
									} ];

							/**
							 * 自动发送的数据格式：
							 *  1. start: 开始记录的起始数，如第 20 条,从0开始
							 *  2. limit : 单页多少条记录
							 *  3. pageIndex : 第几页，同start参数重复，可以选择其中一个使用
							 *
							 * 返回的数据格式：
							 *  {
							 *     "rows" : [{},{}], //数据集合
							 *     "results" : 100, //记录总数
							 *     "hasError" : false, //是否存在错误
							 *     "error" : "" // 仅在 hasError : true 时使用
							 *   }
							 * 
							 */
							var store = new Data.Store({
								url : '/ms/doc/docList',
								autoLoad : true, //自动加载数据
								//params : { //配置初始请求的参数
								//  a : 'a1',
								// b : 'b1'
								//},
								pageSize : 8
							// 配置分页数目
							}), grid = new Grid.Grid({
								render : '#grid',
								width : '100%',//如果表格使用百分比，这个属性一定要设置
								columns : columns,
								loadMask : true, //加载数据时显示屏蔽层
								store : store,
								plugins : [ Grid.Plugins.AutoFit ],
								plugins : [ Grid.Plugins.CheckSelection ],
								//plugins : [Grid.Plugins.CheckSelection,Grid.Plugins.ColumnResize],
								// 底部工具栏
								bbar : {
									// pagingBar:表明包含分页栏
									pagingBar : true
								}

							});

							grid.render();
							//创建表单，表单中的日历，不需要单独初始化
							var form = new BUI.Form.HForm({
								srcNode : '#searchForm'
							}).render();

							form.on('beforesubmit', function(ev) {
								//序列化成对象
								var obj = form.serializeToObject();
								obj.start = 0; //返回第一页
								store.load(obj);
								return false;
							});
							grid
									.on(
											'cellclick',
											function(ev) {
												var record = ev.record, //点击行的记录
												field = ev.field, //点击对应列的dataIndex
												target = $(ev.domTarget); //点击的元素
												if (target.hasClass('edit')) {

													window.location.href = "/ms/doc/edit/"
															+ record['id'];
												}

												if (target.hasClass('delete')) {
													BUI.Message
															.Confirm(
																	'确认删除么？',
																	function() {

																		$
																				.post(
																						"/ms/doc/delete/"
																								+ record['id'],
																						function(
																								data,
																								status) {
																							if (data.success) {
																								store
																										.load();//删除成功重载grid表格数据
																							} else {
																								BUI.Message
																										.Alert(
																												"删除错误",
																												"error");
																							}
																						});
																	},
																	'question');
												}

											});
							//删除操作--这里是批量操作的写法
							$('#btnDel')
									.on(
											'click',
											function() {
												var selections = grid
														.getSelection();//获取表格选择的数据行
												if (!selections
														|| selections.length <= 0) {
													BUI.Message.Alert(
															"请选择要删除数据项，可多选",
															"warning");
													return;
												}
												BUI.Message
														.Confirm(
																'确认删除么？',
																function() {
																	var ids = {};//批量删除的数组ID
																	for (var i = 0; i < selections.length; i++) {
																		ids[i] = selections[i].id;
																	}
																	$
																			.post(
																					"/ms/doc/deleteBatch",
																					{
																						ids : ids
																					},
																					function(
																							data,
																							status) {

																						if (data.success) {
																							store
																									.load();//删除成功重载grid表格数据
																						} else {
																							BUI.Message
																									.Alert(
																											"删除错误",
																											"error");
																						}

																					});
																}, 'question');
												return false;
											});

						});
		//**检索
		function searchDoc() {
			$.ajax({
				cache : true,
				type : "POST",
				url : "/ms/doc/docList",
				data : $('#searchForm').serialize(),
			});
			$("#searchForm").submit();
		}
	</script>
</body>

</html>
